<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gemini Game Hall</title>
    <link rel="stylesheet" href="home_style.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <h1>Welcome to Gemini Game Hall! ✨🎮</h1>
        <p>Your one-stop destination for exciting browser games.</p>
    </header>

    <main>
        <section class="game-category">
            <h2>Classic Arcade 🕹️</h2>
            <div class="game-list">
                <div class="game-card">
                    <h3>Snake Game 🐍</h3>
                    <p>Navigate your snake, eat food, and grow longer!.</p>
                    <a href="snake_game/index.html" class="play-button">Play Now ▶️</a>
                </div>
                <div class="game-card">
                    <h3>Big Fish Eat Small Fish 🐠</h3>
                    <p>Grow your fish by eating smaller fish, but watch out for bigger ones!</p>
                    <a href="fish_game/index.html" class="play-button">Play Now ▶️</a>
                </div>
                <!-- More games can be added here -->
            </div>
        </section>

        <section class="game-category">
            <h2>Puzzle Fun 🧩</h2>
            <div class="game-list">
                <div class="game-card coming-soon">
                    <h3>Coming Soon! 🚀</h3>
                    <p>Stay tuned for more exciting puzzle games.</p>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <p>© 2025 Gemini Game Hall. All rights reserved. 🌟</p>
    </footer>

    <script src="home_script.js"></script>
</body>
</html>
